IE9 Loses Some CSS After Particular Form Submit [migrated]

Posted by Asherion on Pro Webmasters See other posts from Pro Webmasters or by Asherion
Published on 2012-07-04T12:49:08Z Indexed on 2012/07/04 15:24 UTC
Read the original article Hit count: 377

Filed under:
|
|

The site I am editing has a search form. For the record, there are several other forms on the site, contact and the like. This is the only one with an issue.

Upon submission of the form, SOME of the styling is lost in IE9 (possibly other versions of IE, haven't tested that yet). Primarily, the margins and colors set in html and body appear to have been lost. Menus, banner, text, etc all appear to retain styles. All styles are on one sheet, that are used here...

Any helpful advice?

Here is the contents of the search page and the php used to check for the form, if that helps, and the css that I think is lost.

THE HTML:

<div id="search">
        <br />
            <div style="float:right;font-size:.8em;">
                <form name="form_sidesearch" action="search.html" method="post">
                <input type="hidden" name="action" value="search" />
                <input type="text" name="search_value" value="<?php echo $systems_primary->search_value ?>" />
                <input type="submit" name="submit_search" value="Search Website" />
                </form> <br />

            </div>
    </div>

<?php echo stripslashes($search_results);

THE PHP:

<?php

// -- Begin Search --------------------------------------------------------------------------------------
if($_REQUEST["action"] === "search")
{
  if(strlen($_REQUEST["pg"]) <= 0)
  {

  $_REQUEST["pg"] = 1;
  }

  $search_results = $systems_primary->search_website("index",urldecode($_REQUEST["search_value"]),"<div class=\"listing ui-corner-all\"><a href=\"{ENTRY_URL}\" title=\"{ENTRY_TITLE}\" class=\"listing_title\">{ENTRY_TITLE}</a>{ENTRY_CONTENT} <a href=\"{ENTRY_URL}\" title=\"{ENTRY_TITLE}\" style=\"font-size:.8em;\">...read more</a></div><br /><br />",345,"all",10,$_REQUEST["pg"]);
}

// -- End Search ----------------------------------------------------------------------------------------
?>

THE LOST CSS (could be more):

html {
background-color:#F6E6C8;
font-size:16px;
font:Helvetica;
}
body {
    width:1027px;
    margin:0 auto;
    background-color:#ffffff;
    font: arial, times new roman, sans-serif;
}

© Pro Webmasters or respective owner

Related posts about html

Related posts about css